﻿<!DOCTYPE html>
<html lang="en">
	<head>
	<meta charset="UTF-8">
<title>{if !$indexc}{dr_cat_value($catid, 'name')}-{/if}{if $indexc}{SITE_TITLE}{else}{SITE_NAME}{/if}</title>
{if $indexc}
<meta name="keywords" content="{SITE_KEYWORDS}" />
<meta name="description" content="{SITE_DESCRIPTION}" />
{else}
<meta name="keywords" content="{$meta_keywords}" />
<meta name="description" content="{$meta_description}" />
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">  
<meta name="format-detection" content="telephone=no"> 
<meta http-equiv="x-rim-auto-match" content="none">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="/styles/css/m_base.css"/>
<link rel="stylesheet" type="text/css" href="/styles/css/m_main.css"/>
<link href="/styles/css/m_style.css" rel="stylesheet" type="text/css" />
<script src="/styles/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/styles/js/layer.js" type="text/javascript"></script>
</head>
<body>	

	
        
<div class="header">
			<div class="top flex flex-sb">
				<a href="{SITE_MURL}" class="logo"><img src="{dr_get_file(dr_block(7))}" width="110px" height="37px" /></a>
				<div class="soso_box flex1">
					<input type="text" id="keyword" placeholder="大师精品 名家建盏"/>
				</div>                
				<a href="javascript:void()" class="soso_icon"  id="btnSearch">搜索</a>
			</div>
			<div class="nav">
				<ul class="nav_list flex flex-sb">
					<li class="index"><a href="{SITE_MURL}">首页</a></li>
					<li><a href="{SITE_MURL}{dr_mobile_category_url('',1)}">{dr_share_cat_value(1, 'name')}</a></li>
					<li><a href="{SITE_MURL}{dr_mobile_category_url('',2)}">{dr_share_cat_value(2, 'name')}</a></li>
					<li><a href="{SITE_MURL}{dr_mobile_category_url('',10)}">{dr_share_cat_value(10, 'name')}</a></li>
					<li><a href="{SITE_MURL}{dr_mobile_category_url('',17)}">{dr_share_cat_value(17, 'name')}</a></li>
				</ul>
			</div>
		</div>

<script type="text/javascript">
    $(function () {
        $("#btnSearch").bind("click", function (e) {
            var keyword = encodeURIComponent($("#keyword").val());
			window.location.href = "{SITE_MURL}{dr_mobile_category_url(product, 1)}&keyword=" + keyword;
        });
        var arrplaceholder = "大师精品 名家建盏";
        $("keyword").focus(function () {
            if (!!!$(this).prop("readonly")) {
                $(this).prop("placeholder", "")
            }
        });
        $("keyword").blur(function () {
            $(this).prop("placeholder", arrplaceholder)
        });

    });
</script>
&nbsp;<div class="main">
			<div class="swiper-container" id="indexBanner">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide">
						{dr_share_cat_value(17, 'content')}

		            </div>

		        </div>

			</div>

		</div>
		
<div class="m_mask"></div>
<div class="footer">
			<div class="flex footer_list">
				<a href="javascript:;"><img src="/styles/images/icon1.png" />我要咨询</a>
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={dr_block(6)}&site=qq&menu=yes"><img src="/styles/images/icon2.png" />在线客服</a>   
				<a href="tel:{dr_block(2)}"><img src="/styles/images/icon3.png" />免费电话</a>
				<a href="javascript:;"><img src="/styles/images/icon4.png" />快速询价</a>
			</div>
			<div class="zixun-f xj" name="__AD_zxc" style="display: block;">
				<form action="" id="myform1">
				<dl class="clearfix">
					<dt class="text2">（10分钟内回复）<strong style="color: #000000;font-weight: bold;" class="zxzxone1">建盏天下“快速询价”服务</strong></dt>
					<dd style="position: relative;"><input class="tel3 tel33 yu_zi_xun3" name="data[phone]" placeholder="请输入您的手机号码" id="txt_keywords" value="" maxlength="11" type="tel">
						<input type="hidden" name="data[title]" value="用户IP:{$_SERVER[REMOTE_ADDR]}" />
                        <input  type="button"  name="__AD_pl" id="btn_submit" class="ok" value="确认" style="position: relative;"/>
						<div class="shoucangxz2"></div>
					</dd>
				</dl>
				</form>
			</div>
		</div>
        <script type="text/javascript">
        
            $(".footer_list a").eq(3).on('click', function () {
                $('.zxzxone1').text('建盏天下“快速询价”服务');
                $("#txt_keywords").val("")
                $(".footer").height("auto");
                $(".m_mask").show();
                $(".zixun-f").show();
            });

            $(".footer_list a").eq(0).on('click', function () {
                $('.zxzxone1').text('建盏天下“我要询价”服务');
                $("#txt_keywords").val("")
                $(".footer").height("auto");
                $(".m_mask").show();
                $(".zixun-f").show();
            })

            $(".m_mask").on("click", function () {
                $("#txt_keywords").val("")
                $(".footer").height("45px");
                $(".m_mask").hide();
                $(".zixun-f").hide();
            })
            var arrplaceholder = "请输入您的手机号码";
            $("txt_keywords").blur(function () {
                $(this).prop("placeholder", arrplaceholder)
            });
            // 验证手机号
	        function isPhoneNo(phone) {
	            var pattern = /^1[34578]\d{9}$/;
	            return pattern.test(phone);
	        }

	        $("#btn_submit").bind("click", function () {

	            var txtvalue = $("#txt_keywords").val();
	            if (txtvalue == "") {
	                alert('请输入您的手机号码');
	                return false;
	            }
	            if (!isPhoneNo(txtvalue)) {
	                alert('请输入正确的手机号码');
	                return false;
	            }
				$.post("/index.php?c=form_xj",
					$("#myform1").serialize(),
					function(data){
						alert("提交成功！");
						 $(".m_mask").hide();
						$(".zixun-f").hide();
						$('#myform')[0].reset();
					});
	           
	        });

        </script>
		<script src="/styles/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/styles/js/public.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('#indexBanner',{
				mode:'horizontal',
			    loop: true,
				autoplay:5000,
				pagination: '#indexPagination',
				paginationClickable: true,
				grabCursor : true,
			  });  
		</script>
	</body>
</html>
